﻿/*flex 设定*/

.cross-page-flexbox {
    display:-webkit-box;
    display:-ms-flexbox; /*兼容设置*/
    display:flex;
        
}

/*row定义*/
.cross-page-flex-row {
    -webkit-box-orient:horizontal; /*方向*/
    -webkit-box-direction:normal; /*起始方向,默认从左至右*/
    -ms-flex-flow:row;
    flex-flow:row;
}

/*row反转定义*/
.cross-page-flex-row-reverse {
    -webkit-box-orient: horizontal; /*方向*/
    -webkit-box-direction: reverse; /*起始方向,默认从左至右*/
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
}

.cross-page-flex-column {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-flow:column;
    flex-flow:column;
}

.cross-page-flex-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
}

.cross-page-flex-vertical-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cross-page-flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cross-page-flex-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}



[class^="cross-"], [id^="cross-"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    margin: 0;
    padding: 0;
}